<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="wangxiaoxing" />
<link rel="stylesheet" type="text/css" href="./css/selector.css" />
<link rel="stylesheet" type="text/css" href="./lib/reset.css" />
<title></title>
</head>
<body>
	<div class="Nav"><!--fixed-->
		<div class="topImg"></div>
		<div class="Nav-cho">
			<a>国内爆品</a>
			<a>出境爆品</a>
			<a>暑期热门线路</a>
			<a>会员专区</a>
			<a>特价玩水</a>
			<a>自由行</a>
		</div>
		<a class="gotop">
			<span class="txt">top</span>
			<i class="i-icon"></i>
		</a>
	</div>
	<div class="outTop">
		<div class="top">
			<div class="top-icon">
				<i class="icon-ic"></i>
				<span class="icon-text">出发城市</span>
			</div>
			<a class="addHover">北京</a>
			<a class="addHover">天津</a>
			<a class="addHover">上海</a>
			<a class="addHover">广深</a>
			<a class="addHover">成都</a>
			<a class="addHover">重庆</a>
			<a class="addHover">西安</a>
			<a class="addHover">江浙</a>
			<a class="addHover">其他</a>
		</div>
	</div>
	<div class="outWrap">
		<div class="wrap1">
			<img src="https://s.qunarzz.com/package_tuan/2016/20160622/pc/top_01_v1.jpg"><img src="https://s.qunarzz.com/package_tuan/2016/20160622/pc/top_02_v1.jpg"><img src="https://s.qunarzz.com/package_tuan/2016/20160622/pc/top_03_v1.jpg"><img src="https://s.qunarzz.com/package_tuan/2016/20160622/pc/top_04_v2.jpg">
		</div>
		<div class="wrap2">
			<a class="imdi">
				<span>马上去抢</span>
				<i class="icon1"></i>
			</a>
			<div class="mInlet">
				<a class="intem1">
					<span class="t">爆品专区</span>
					<span class="c">5折 / 8折疯狂抢</span>
				</a>
				<a class="intem2">
					<span class="t">暑期热门线路</span>
					<span class="c">低至999元起</span>
				</a>
				<a class="intem3">
					<span class="t">出境必备</span>
					<span class="c">会员WIFI 88折</span>
				</a>
				<a class="intem4">
					<span class="t">特价玩水</span>
					<span class="c">爆款9元起</span>
				</a>
				<a class="intem5">
					<span class="t">亲子夏令营</span>
					<span class="c">定制线路更划算</span>
				</a>
			</div>
		</div>
	</div>
	<div class="All">
		<div class="Mian oneMian">
			<div class="In">
				<div class="Tit">
					<span class="title1">国内爆品专区</span>
					<span class="title2">抢购产品秒变度假会员</span>
				</div>
				<div class="Tit2 ">
					 <div class="free-go"><!-- fixed -->
					 	<a class="free-left">跟团游</a>
					 	<a class="free-right">自由行</a>
					 </div>
				</div>
				<div class="Inner">
					<ul class="bigUl">
						
					</ul>
				</div>
				<div class="m-more">
					<i class="line-l"></i>
					<i class="line-r"></i>
					<a>
						<span class="txt">更多特价</span>
					</a>
				</div>
			</div>
		</div>
		<div class="Mian twoMian">
			<div class="In">
				<div class="Tit">
					<span class="title1">出境爆品专区</span>
					<span class="title2">抢购产品秒变度假会员</span>
				</div>
				<div class="Tit2 ">
					 <div class="free-go"><!-- fixed -->
					 	<a class="free-left cur">跟团游</a>
					 	<a class="free-right">自由行</a>
					 </div>
				</div>
				<div class="Inner">
					<ul class="bigUl">
						
					</ul>
				</div>
				<div class="m-more">
					<i class="line-l"></i>
					<i class="line-r"></i>
					<a>
						<span class="txt">更多特价</span>
					</a>
				</div>
			</div>
		</div>
		<div class="Mian threeMian">
			<div class="In">
				<div class="Tit">
					<a><span class="title1">暑期热门线路·特价2.2折起</span><i></i></a>
				</div>
				<div class="Tit2 ">
					 <div class="free-go"><!-- fixed -->
					 	<a class="free-left cur">国内</a>
					 	<a class="free-right">出境</a>
					 </div>
				</div>
				<div class="Inner">
					<ul class="bigUl">
						
					</ul>
				</div>
				<div class="m-more">
					<i class="line-l"></i>
					<i class="line-r"></i>
					<a>
						<span class="txt">更多特价</span>
					</a>
				</div>
			</div>
		</div>
		<div class="Mian fourMian">
			<div class="In">
				<div class="Tit">
					<a><span class="title1">暑期热门线路·特价2.2折起</span><i></i></a>
				</div>
				<div class="Tit2 ">
					 <div class="free-go"><!-- fixed -->
					 	<a class="free-left cur">国内</a>
					 	<a class="free-right">出境</a>
					 </div>
				</div>
				<div class="Inner">
					<ul class="bigUl">
						
					</ul>
				</div>
				<div class="m-more">
					<i class="line-l"></i>
					<i class="line-r"></i>
					<a>
						<span class="txt">更多特价</span>
					</a>
				</div>
			</div>
		</div>
		<div class="Mian fiveMian">
			<div class="In">
				<div class="Tit">
					<a><span class="title1">自由行</span><i></i></a>
				</div>
				<div class="Inner">
					<ul class="bigUl">
						
					</ul>
				</div>
				<div class="m-more">
					<i class="line-l"></i>
					<i class="line-r"></i>
					<a>
						<span class="txt">更多特价</span>
					</a>
				</div>
			</div>
		</div>
		<div class="Mian sixMian">
			<div class="In">
				<div class="Tit">
					<a><span class="title1">出境必备</span><i></i></a>
				</div>
				<div class="Tit2 ">
					 <div class="free-go"><!-- fixed -->
					 	<a class="free-left cur">签证</a>
					 	<a class="free-cent ">WiFi</a>
					 	<a class="free-right">包车</a>
					 </div>
				</div>
				<div class="Inner">
					<ul class="bigUl">
						
					</ul>
				</div>
				<div class="m-more">
					<i class="line-l"></i>
					<i class="line-r"></i>
					<a>
						<span class="txt">更多特价</span>
					</a>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="./lib/jquery@1.7.1.min.js"></script>
	<script type="text/javascript" src="./js/data.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>
	<script type="text/javascript" src="./js/top.js"></script>
	<script>
		function scoTop(){
			$(".Nav a.gotop").click(function(){
				$("html,body").animate({
					scrollTop:0
				},"slow");
			});
		}
		scoTop();
	</script>
</body>
</html>